<template>
	<view class="content fofa poRel">
		<tabnav :col="back"></tabnav>
		<view style="height: 38rpx;"></view>
		<view class="wid87 mar borRad20 bacFFF box1">
			<view class="wid100 dis disAl disJuC poRel" style="height: 223rpx;">
				<view class="poAbs dis disAl disJuC coFFF foSi20" :style="{'background-color':back}"
				style="top: 40rpx;left: 0;border-top-right-radius: 40rpx;border-bottom-right-radius: 40rpx;padding: 10rpx 20rpx;">已启用</view>
				<image src="https://www.sign.run/applet/static/index/hetong.png" style="width: 180rpx;height: 180rpx;"></image>
			</view>
			<view class="xia"></view>
			<view class="wid90 mar foSi25" style="height: 120rpx;">
				<view style="height: 20rpx;"></view>
				<view class="fowe600">企业公章</view>
				<view class="mar-top20 dis disAl disJuB" style="color: #8B8989;">
					<view>创建人：张三</view>
					<view>2023年12月08日</view>
				</view>
			</view>
		</view>
		<view class="mar-top40 wid87 mar bacFFF borRad20 box1">
			<view class="wid90 mar dis disAl disJuB foSi25" style="height: 85rpx;color: #8B8989;">
				<view>印章持有人（{{list.length}}）</view>
				<uni-icons @click="zhankai = !zhankai" v-if="!zhankai" type="down" size="40rpx" color="#8B8989"></uni-icons>
				<uni-icons @click="zhankai = !zhankai" v-if="zhankai" type="up" size="40rpx" color="#8B8989"></uni-icons>
			</view>
			<view v-if="zhankai && list.length > 0" class="xia"></view>
			<view v-if="zhankai && list.length > 0" class="wid90 mar dis disAl" style="height: 145rpx;">
				<view class="dis disAl hei100" style="width: 20%;">
					<image src="https://www.sign.run/applet/static/role/avater.png" style="width: 80rpx;height: 80rpx;"></image>
				</view>
				<view class="dis disAl hei100 disJuB wid80 foSi25">
					<view>
						<view>张三</view>
						<view class="mar-top20" style="color: #B5B4B4;">长春市千羽科技有限公司 拷贝</view>
					</view>
					<uni-icons type="close" size="40rpx" color="#B5B4B4"></uni-icons>
				</view>
			</view>
		</view>
		<view class="mar-top40 wid87 mar bacFFF borRad20 box1">
			<view class="wid90 mar dis disAl disJuB foSi25" style="height: 85rpx;color: #8B8989;">
				<view>用印记录</view>
				<uni-icons type="right" size="40rpx" color="#8B8989"></uni-icons>
			</view>
		</view>
		<view class="wid100 dis disAl poAbs bacFFF box1" style="bottom: 0rpx;height: 125rpx;">
			<view class="wid90 mar dis disAl foSi35" style="justify-content: space-around;">
				<view class="hei80 dis disAl disJuC coFFF borRad10" :style="'background-color: '+backTwo+';color: '+back+';'"
					style="width: 300rpx;">停用印章</view>
				<view class="hei80 dis disAl disJuC coFFF borRad10" :style="'background-color: '+back+';'"
				 style="width: 300rpx;">添加印章持有人</view>
			</view>
		</view>
	</view>
</template>

<script>
	import tabnav from "../common/tabnav/tabnav.vue"
	export default {
		components: {
			tabnav,
		},
		data() {
			return {
				back: uni.getStorageSync('back'),
				backTwo: uni.getStorageSync('backTwo'),
				list: [''],
				zhankai: true,
			}
		},
		onLoad() {

		},
		methods: {
			tiaozhuan(url){
				uni.redirectTo({
					url: url
				});
			},
		}
	}
</script>

<style>
	.content {
		height: 100vh;
		background-color: #F4F3F3;
	}
	.foSi28{
		font-size: 28rpx;
	}
	.xia{
		height: 1rpx;
		background: #f1f1f1;
	}
</style>
